<template>
<div class="container">
    <!-- <div class="div1">
        <img src="../../../../assets/image/home/choice/quan.png">&nbsp;
        <p>热门精选&nbsp;&nbsp;好物优选</p>&nbsp;
        <img src="../../../../assets/image/home/choice/quan.png">
    </div> -->
    <goods-topic :topicHead="topicHead" :topicEnd="topicEnd"></goods-topic>
    <div class="div2">
        <img class="img1" src="../../../../assets/image/home/choice/4.png">
        <choice-top-swiper></choice-top-swiper>
    </div>
    <div class="div3">
        <img class="img1" src="../../../../assets/image/home/choice/4.png">
        <choice-top-swiper></choice-top-swiper>
    </div>

</div>
</template>

<script>
// 引入标题
import GoodsTopic from '../../../commentCompontents/goodsTopic'
// 引入第一个轮播图
import ChoiceTopSwiper from './compontents/topSwiper'
// 引入第二个轮播图
import ChoiceBottomSwiper from './compontents/bottomSwiper'
export default {
    name: 'Choiceness',
    components: {
        GoodsTopic,
        ChoiceTopSwiper,
        ChoiceBottomSwiper,
    },
    data(){
        return{
            topicHead:"热门精选",
            topicEnd:"好物优选"
        }
    }
}
</script>

<style scoped>
.container {
    padding-top: .1rem;
    text-align: center;
}

.img1 {
    width: 100%;
    
}
.div3{
    margin-top:1rem;
}
</style>
